<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Editar</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}"> 
	        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">

			{% include "sidebar.html" %} <!-- Side bar -->

			<!-- Listado de reportes divididas por categorias -->
			<div class="span9">
				{% if error %}
		            <div class="alert alert-error">
						<button type="button" class="close" data-dismiss="alert">&times;</button>
						<strong>Error!</strong> No se realizaron los cambios
		            </div>
		        {% endif %}
				{% if exito %}
	            	<div class="alert alert-success">
						<button type="button" class="close" data-dismiss="alert">&times;</button>
						<strong>Actualizado</strong> Los datos de Usuario fueron guardados
	                </div>
		        {% endif %}
		        
				<!-- Edicion de los datos del perfil de usuario -->
				<div class="page-header">
					<h1>{{ user.first_name }}</h1>
					<h3>Modificar mis datos</h3>
				</div>

				<form action="/plataforma/usuarios/editar/" method="post" name="datos" class="form-horizontal well">
					{% csrf_token %}
					<div class="control-group">
						<label for="nombre" class="control-label"><b>Nombre: </b></label>
						<div class="controls">
							<input type="text" name="nombre" value="{{ user.first_name }}" id="nombre" class="textarea_editar_datos" required>
						</div>
					</div> <!-- Nombre -->

					<div class="control-group">
						<label for="apellido" class="control-label"><b>Apellido: </b></label>
						<div class="controls">
							<input type="text" name="apellido" value="{{ user.last_name }}" id="apellido" class="textarea_editar_datos" required>
						</div>
					</div> <!-- Apellido -->

					<div class="control-group">
						<label for="email" class="control-label"><b>E-mail: </b></label>
						<div class="controls">
							<input type="email" name="email" value="{{ user.email }}" id="email" class="textarea_editar_datos" required>
						</div>
					</div>
					<div class="control-group">
						<label for="password" class="control-label"><b>Password Viejo: </b></label>
						<div class="controls">
							<input type="password" name="password" value="" id="pass_viejo" class="textarea_editar_datos">
						</div>
					</div> <!-- Password -->

					<div class="control-group">
						<label for="password_nuevo" class="control-label"><b>Password Nuevo: </b></label>
						<div class="controls">
							<input type="password" name="password_nuevo" value="" id="pass_nuevo" class="textarea_editar_datos">
						</div>
					</div> <!-- password nuevo -->

					<div class="control-group">
						<label for="confirmacion" class="control-label"><b>Confirmación de Password: </b></label>
						<div class="controls">
							<input type="password" name="confirmacion" value="" id="pass_nuevo_confir" class="textarea_editar_datos">
						</div>
					</div> <!-- confirmacion de password -->
					
					<input type="hidden" name="pk_user" value="{{ pk_user }}">
					<div class="form-actions", align="center">
						<button type="submit" class="btn btn-primary">Guardar</button>
					</div> <!-- Botones de opciones -->
				</form> <!-- form -->
			</div><!-- Fin de Reportes-->
		</div> <!-- /row -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
</body>
</html>
